<template>
  <view class="item_cell">
    <view class="lf">
      <view v-if="squreColor !== ''" class="squre" :style="{ backgroundColor: squreColor }" />
      <slot name="lf"></slot>
    </view>
    <view class="rt">
      <slot name="rt"></slot>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    color: {
      type: String,
      default: '#a878ff',
    },
  },
  computed: {
    squreColor() {
      return this.color
    },
  },
}
</script>

<style scoped lang="scss">
.item_cell {
  display: flex;
  justify-content: space-between;

  .lf {
    display: flex;
    align-items: center;

    .squre {
      width: 8rpx;
      height: 34rpx;
      // background: #a878ff;
      margin-right: 8rpx;
      border-radius: 4rpx;
    }
  }
}
</style>
